<template>
  <div class="count">{{ count }}</div>
  <button @click="addCount">+count</button>
  <div>{{ user }}</div>
  <button @click="addUser">+random</button>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
let count = ref(0)
let user = reactive({ name: 'wanghaha', age: 19 })
const addCount = () => {
  count.value ++
}

const addUser = () => {
  user[Math.random()] = Math.random()
}
</script>

<style scoped>
.count {
  color: #bd8720;
}
</style>
